<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="" action="">
    <div class="form-group">
        <label class="control-label col-xs-6 col-sm-2">客户:</label>
        <div class="col-xs-10 col-sm-10">
            <div class="input-group dis-flex">
                <div class="input-group-addon no-border no-padding">
                    <span><button type="button" class="btn btn-primary  btn-user" ><i class="fa fa-list"></i>选择</button></span>
				</div>
            </div>
			<input type="text" class="dis-none" id="input_username" name="input_username" >
        </div>
    </div>
	<!-- 已选客户显示位置 -->
	<div class="form-group">
	    <label class="control-label col-xs-6 col-sm-2"></label>
		<div id="userbox" class="col-xs-10 col-sm-10">
			
		</div>
	</div>
	<div class="form-group">
	    <label class="control-label col-xs-6 col-sm-2">服务:</label>
	    <div class="col-xs-10 col-sm-10">
	        <div class="input-group dis-flex">
	            <div class="input-group-addon no-border no-padding">
	                <span><button type="button" class="btn btn-primary service" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i>选择</button></span>
	            </div>
	        </div>
			<input type="text"  class="dis-none"  id="input_servename" name="input_servename" data-rule="required">
	    </div>
	</div>
	
	<!-- 已选服务显示位置 -->
	<div class="form-group">
	    <label class="control-label col-xs-6 col-sm-2"></label>
			<div  class="col-xs-10 col-sm-10">
				<table id="service_table" class="table table-bordered text-center" width="70%">

				</table>
			</div>
	</div>
	
	<div class="form-group">
	    <label class="control-label col-xs-6 col-sm-2">优惠券:</label>
	    <div class="col-xs-10 col-sm-10">
	        <div class="input-group dis-flex">
	            <div class="input-group-addon no-border no-padding" >
	                <span><button type="button" class="btn btn-primary coupon" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i>选择</button></span>
	            </div>
	        </div>
			<input type="text"  class="dis-none"  id="input_couponname" name="input_couponname" data-rule="required">
	    </div>
	</div>
	<!-- 已选优惠券显示位置 -->
   <div class="form-group">
       <label class="control-label col-xs-6 col-sm-2"></label>
		<div id="tablebox" class="col-xs-10 col-sm-10">
			
		</div>
   </div>
   <div class="form-group">
       <label class="control-label col-xs-6 col-sm-2">会员优惠金额:</label>
       <div class="col-xs-10 col-sm-10 pt-7">
            <input type="" name="vip_amount" class="nostyle1 pl-12" readonly id="" value="0" />
       </div>
   </div>
    <div class="form-group">
        <label class="control-label col-xs-6 col-sm-2">优惠金额:</label>
        <div class="col-xs-10 col-sm-10 pt-7 ">
            <input type="" name="discount_amount" class="nostyle1 pl-12" readonly id="" value="0" />
        </div>
    </div>
   <div class="form-group">
       <label class="control-label col-xs-6 col-sm-2">合计金额:</label>
       <div class="col-xs-10 col-sm-10 pt-7 ">
            <input type="" name="total_amount" class="nostyle1 pl-12" readonly  id="" value="0" />
       </div>
   </div>

    <div class="form-group">
        <label class="control-label col-xs-6 col-sm-2">待付款金额:</label>
        <div class="col-xs-10 col-sm-10 ">
            <input type="" name="real_amount" style="width:500px;" type="text" class="form-control" class="nostyle1"  id="" value="0" />
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-6 col-sm-2"></label>
        <div class="col-xs-10 col-sm-10">
            <div data-type="1" class="btn btn-default btn-embossed entry">挂单</div>
            <div data-type="2"  class="btn btn-success btn-embossed entry detail">收款</div>
        </div>
    </div>
</form>

	
<style type="text/css">
	#add-form{
		background: white;
		padding:20px 0;
	}
	#table{
		margin: 40px 0;
	}
	#table1{
		margin: 20px 0;
		
	}
	.dis-flex{
		display: flex;
	}
	.pt-7{
		padding-top: 7px;
	}
	.w70{
		width:70px!important;
	}
	.nostyle{
		border: none;
		text-align: center;
		background: white;
		outline: none;
		margin: 0 auto;
	}
	.nostyle1{
		border: none;
		background: white;
		outline: none;
	}
	.dis-none{
		display: none!important;
	}
	.pl-12{
		padding-left: 12px;
	}
</style>